<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小兔鲜儿-新鲜、惠民、快捷！</title>
  <meta name="description" content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台。">
  <meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <!-- 网页头部模块 -->
  <header>
    <!-- 快捷菜单模块 -->
    <div class="xtx-shortcut">
      <nav class="container">
        <ul class="fr">
          <li><a href="#">请先登录</a>|</li>
          <li><a href="#">免费注册</a>|</li>
          <li><a href="#">我的订单</a>|</li>
          <li><a href="#">会员中心</a>|</li>
          <li><a href="#">帮助中心</a>|</li>
          <li><a href="#">在线客服</a>|</li>
          <li><a href="#">手机版</a></li>
        </ul>
      </nav>
    </div>
    <!-- 主导航 -->
    <div class="xtx-main-nav container">
      <!-- logo -->
      <h1 class="logo fl">
        <a href="#">小兔鲜</a>
      </h1>

      <!-- 导航 -->
      <nav class="fl">
        <ul>
          <li><a href="#">首页</a></li>
          <li><a href="#">生鲜</a></li>
          <li><a href="#">美食</a></li>
          <li><a href="#">餐厨</a></li>
          <li><a href="#">电器</a></li>
          <li><a href="#">居家</a></li>
          <li><a href="#">洗护</a></li>
          <li><a href="#">孕婴</a></li>
          <li><a href="#">服装</a></li>
        </ul>
      </nav>

      <!-- 搜索 -->
      <div class="search fl">
        <input type="search" placeholder="搜一搜">
      </div>

      <!-- 购物车 -->
      <div class="cart fl">
        <span>2</span>
      </div>
    </div>
  </header>

  <!-- 网页底部模块 -->
  <footer>
    <!-- 宣传服务 -->
    <div class="xtx-service">
      <div class="container">
        <a href="#">价格亲民</a>
        <a href="#">物流快捷</a>
        <a href="#">品质新鲜</a>
      </div>
    </div>

    <!-- 版权信息 -->
    <div class="xtx-copyright">
      <div class="container">
        <p>
          <a href="#">关于我们</a> |
          <a href="#">帮助中心</a> |
          <a href="#">售后服务</a> |
          <a href="#">配送与验收</a> |
          <a href="#">商务合作</a> |
          <a href="#">搜索推荐</a> |
          <a href="#">友情链接</a>
        </p>

        <p>CopyRight @ 小兔鲜儿</p>
      </div>
    </div>
  </footer>
</body>
</html>